<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../JS/ts57.js">
			
		</script>
	</head>
	<body>
		<button type="button" onclick="test()">改变</button><br>
		<p id="mumu">你好</p>
		<h1 id="wawa">牛气冲天</h1>
	</body>
	<script type="text/javascript">
		function test()
		{
		alert("哈哈哈哈")//千万不要写错是alert
		document.write("平分秋色！！！")//不可和下面这个不跳转页面的改变（内容与样式）同时用，否则下面不会出现
		//document.getElementById('wawa').innerText="<i style='color:red;fond-size:100px'>这不SHI！！</i>"//innerText无法解析改变内容也就是不会改变样式
		document.getElementById('wawa').innerHTML="<i style='color:red;fond-size:100px'>这不是你家！！！</i>"
		//document.getElementById('mumu').innerHTML="<a style='color: blueviolet;font-size: 50px;'>你错了</a>"
		}
	</script>
</html>

